.flex-row{
    display: flex;
    flex-direction: row;
}

.flex-column{
    display: flex;
    flex-direction: column;
}
.font-w600{
  font-weight: 600
}

.flex-center{
    text-align: center;
    align-items: center;
    justify-content: center;
}

.font-center{
    align-items: center;
}

.font20{
    font-size: 20rpx;
}

.font22{
    font-size: 22rpx;
}
.font24{
    font-size: 24rpx;
}

.font26{
    font-size: 26rpx;
}

.font28{
    font-size: 28rpx;
}

.font30{
    font-size: 30rpx;
}

.font32{
    font-size: 32rpx;
}

.font34{
    font-size: 34rpx;
}

.font36{
    font-size: 56rpx;
}

.font38{
    font-size: 38rpx;
}

.font42{
    font-size: 42rpx;
}

.font48{
    font-size: 48rpx;
}


.font32{
    font-size: 32rpx;
    color: white;
}

.font64{
    font-size: 64rpx;
}


.font31{
    font-size: 32rpx;
}

.colora{
    color: #aaa;
}

.color3{
    color: #333333;
}

.color4{
    color: #444444;
}

.color6{
    color: #666666;
}

.color8{
    color: #888888;
}

.colored{
    color: #ededed;
}

.colorf2{
    color: #f2f2f2;
}

.color-main{
    color: #f43f3b;
}

.background-main{
    background: #f43f3b;
}

.mina-color{
    color: #F1444C;
}

.color-white{
    color: white;
}

.color-black{
    color: #000000;
}

.padding12{
    padding: 12rpx;
}

.padding24{
    padding: 24rpx;
}

.margin12{
    margin: 12rpx;
}

.margin24{
    margin: 24rpx;
}

.line{
    width: 100%;
    height: 1rpx;
    background: #f2f2f2;
}

